<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>页面底部</title>
    <link rel="stylesheet" href="../css/footer.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_3414996_dmcp976xu6l.css">
</head>

<body>
    <div class="footer">
        <div class="footer-main">
            <!-- 左边服务部分 -->
            <div class="service">
                <ul>
                    <li>
                        <i class="iconfont icon-liaotian"></i>
                        <span>在线聊天</span>
                    </li>
                    <li>
                        <i class="iconfont icon-dianhua"></i>
                        <span>电话</span>
                    </li>
                    <li>
                        <i class="iconfont icon-youxiang"></i>
                        <span>电子邮箱</span>
                    </li>
                </ul>
                <div>
                    <p>©2016 URBAN REVIVO ALL RIGHTS RESERVED
                        <a href="#">粤ICP备13081728号</a>
                    </p>
                    <div class="beian">
                        <img src="../images/beian.png" alt="">
                        <a>粤公网安备 44011102002717号</a>
                    </div>
                    <div class="beian">
                        <img src="../images/beian.png" alt="">
                        <a>粤公网安备 44011102002717号</a>
                    </div>

                </div>
            </div>
            <!--  中间地址部分 -->
            <div class="address">
                <div class="add-con">
                    <p>
                        <i class="iconfont icon-weizhi"></i>
                        <span>门店位置</span>
                    </p>
                    <p class="p2">寻找距离您最近的URBAN REVIVO门店</p>
                    <div class="city">
                        <input type="text" name="" id="" placeholder="中国/北京市/北京市/东城区">
                    </div>
                    <p>
                        <i class="iconfont icon-iconfontzhizuobiaozhun023108"></i>
                        <span>订阅</span>
                    </p>
                    <p class="p2">即刻订阅！获取最新的产品、活动及折扣信息。</p>
                    <input type="text" name="" id="" placeholder="再次输入您的电子邮箱">
                    <button>订阅</button>
                </div>
            </div>
            <!-- 右边问题部分 -->
            <div class="problem">
                <ul>
                    <li>常见问题</li>
                    <li><a href="">商品</a></li>
                    <li><a href="">配送</a></li>
                    <li><a href="">购物流程</a></li>
                    <li><a href="">退换货</a></li>
                    <li><a href="">购物条款</a></li>
                    <li><a href="">隐私条款</a></li>
                </ul>
                <ul>
                    <li>权益政策</li>
                    <li><a href="">会员规则</a></li>
                    <li><a href="">会员积分Q&A</a></li>
                    <li><a href="">会员储值卡章程</a></li>
                    <li><a href="">会员储值卡用户协议</a></li>
                    <li><a href="">礼品卡章程</a></li>
                    <li><a href="">礼品卡Q&A</a></li>
                </ul>
                <div class="bootom">
                    <ul>
                        <li>公司信息</li>
                        <li><a href="#">关于品牌</a></li>
                        <li><a href="#">客服</a></li>
                    </ul>
                    <div class="wechat">
                        <p>社交媒体</p>
                        <a href="#">
                            <i class="iconfont icon-weixin"></i>
                            <img src="../images/ur.jpg" alt="">
                        </a>
                        <a href="#">
                            <i class="iconfont icon-weibo"></i>
                        </a>
                    </div>

                </div>
            </div>
        </div>
    </div>
</body>

</html>